<template>
	<view style="background-color: #efefef;" class="tabs-wrap">
		<view style="margin-bottom: 20rpx;">
			<u-search @custom='add_btn' :action-style='searchActionStyle' :show-action="true" action-text="添加"
				@change='queryList()' bg-color='#fff' shape='square' :placeholder="placeholder"
				v-model="find"></u-search>
		</view>
		<scroll-view :scroll-top="scrollTop" @scroll="scroll" style="height: 90vh;width: 100%;" scroll-y
			@scrolltolower="tabReachBottom" :refresher-enabled="true" :refresher-threshold="80"
			:refresher-background="'#efefef'" :refresher-triggered="load.triggered" @refresherrefresh="downPullRefres">
			<view class="my-list">
				<view class="no-data" v-if="dataList.length == 0"><u-empty text="没有订单数据" mode="list"></u-empty></view>
				<template v-else>
					<view class="ml-item" v-for="(row, index) in dataList" :key="row.id">
						<view class="i-title-row">

							<view class="r-title">{{row.flightTrainNum}}</view>
							<view class="r-detail-btn">添加时间:{{row.addTime}}

							</view>

						</view>
						<view class="content">
							<view v-if="row.numInfo.travelWay == 1 || row.numInfo.travelway == 1">
								<view v-for="it in row.numInfo.list" :key="it.no">
									<view>
										<text style="color: red;">起点：</text>
										{{ it.depCity }} {{ it.depPort + it.depTerminal }} | {{ it.depScheduled }}
									</view>
									<view>
										<text style="color: red;">终点：</text>
										{{ it.arrCity }} {{ it.arrPort + it.arrTerminal }} | {{ it.arrScheduled }}
									</view>
								</view>
							</view>
							<view v-if="row.numInfo.travelWay == 2 || row.numInfo.travelway == 2">

								<view style="color: red;">
									<text>{{ row.numInfo.trainno }} </text> |
									<text>{{ row.numInfo.startstation }}</text> 至
									<text>{{ row.numInfo.endstation }}</text>
								</view>
								<view v-for="it in row.numInfo.list" :key="it.sequenceno">
									<text>[第{{ it.sequenceno }}站 <text>{{ it.station }}</text> | {{ it.arrivaltime }}~{{
							                                            it.departuretime }} 停留{{ it.stoptime }}分钟] </text>
								</view>
							</view>
						</view>

						<view class="bottom">

							<view :style="{'border-color': '#ffca28', 'color': '#ffca28'}" class="btn"
								@click="up_btn(row)">
								修改
							</view>
							<view :style="{'border-color': '#f00000', 'color': '#f00000'}" class="btn"
								@click="del_btn(row)">
								删除
							</view>
						</view>



					</view>


					<u-loadmore :status="load.status" :load-text="load.loadText" bgColor="#f2f2f2"></u-loadmore>
				</template>


			</view>
		</scroll-view>
		<!--  -->
		<u-modal :show-cancel-button='true'  @confirm='del_btn_confirm' v-model="del_btn_model" content="确认删除？"></u-modal>
		<view>
			<u-popup v-model="picker_show1" mode="center" border-radius="14" :mask-close-able='false' closeable='true'>
				<view style="width: 90vw;overflow: auto;">
					<view style="text-align: center;font-size: 40rpx;font-weight: 700;padding-top: 40rpx;">{{title}}
					</view>
					<view style="padding: 20rpx 0rpx;overflow: auto;">
						<u-row>
							<u-col span="6">
								<u-input type='select' @click="picker_show2_btn" v-model="add_data2.travelWayname"
									placeholder="请选择出行方式" :border="true" disabledColor="#ffffff"></u-input>
							</u-col>
							<u-col span="6" v-if="add_data.travelWay !=2">
								<u-input type='text' v-model="add_data.flightTrainNum" placeholder="请输入班次号"
									:border="true" disabledColor="#ffffff"></u-input>
							</u-col>
							<u-col span="6" v-if="add_data.travelWay ==2">
								<u-input type='text' v-model="add_data.flightTrainNum" placeholder="请输入车次号"
									:border="true" disabledColor="#ffffff"></u-input>
							</u-col>
						</u-row>
						<template v-if="add_data.travelWay == 1">
							<view v-for="item, index in add_data.flightInfo" :key="index">
								<u-divider style="margin: 10rpx 0;" v-if="index != 0">
									<u-button size="mini" type="error" @click="and_del_btn(index)">删除</u-button>
								</u-divider>
								<u-row>
									<u-col span="6">
										<u-input type='text' v-model="item.scity" placeholder="请输入出发城市" :border="true"
											disabledColor="#ffffff"></u-input>
									</u-col>
									<u-col span="6">
										<u-input type='text' v-model="item.ecity" placeholder="请输入到达城市" :border="true"
											disabledColor="#ffffff"></u-input>
									</u-col>

								</u-row>

								<u-row>
									<u-col span="6">
										<u-input type='text' v-model="item.splace" placeholder="请输入出发站点" :border="true"
											disabledColor="#ffffff"></u-input>
									</u-col>
									<u-col span="6">
										<u-input type='select' @click="picker_show3_btn(index)" v-model="item.sterminal"
											placeholder="请选择出发航站楼" :border="true" disabledColor="#ffffff"></u-input>
									</u-col>

								</u-row>
								<u-row>
									<u-col span="6">
										<u-input type='text' v-model="item.eplace" placeholder="请输入到达站点" :border="true"
											disabledColor="#ffffff"></u-input>
									</u-col>
									<u-col span="6">
										<u-input type='select' @click="picker_show4_btn(index)" v-model="item.eterminal"
											placeholder="请选择到达航站楼" :border="true" disabledColor="#ffffff"></u-input>
									</u-col>

								</u-row>
								<u-row>
									<u-col span="6">
										<u-input type='select' @click="picker_show5_btn(index)" v-model="item.stime"
											placeholder="选择出发时间" :border="true" disabledColor="#ffffff"></u-input>
									</u-col>
									<u-col span="6">
										<u-input type='select' @click="picker_show6_btn(index)" v-model="item.etime"
											placeholder="选择到达时间" :border="true" disabledColor="#ffffff"></u-input>
									</u-col>

								</u-row>
							</view>

						</template>
						<template v-if="add_data.travelWay == 2">
							<u-row>
								<u-col span="6">
									<u-input type='text' v-model="add_data.splace" placeholder="请输入出发站点" :border="true"
										disabledColor="#ffffff"></u-input>
								</u-col>
								<u-col span="6">
									<u-input type='text' v-model="add_data.eplace" placeholder="请输入到达站点" :border="true"
										disabledColor="#ffffff"></u-input>
								</u-col>

							</u-row>
							<u-row>
								<u-col span="6">
									<u-input type='select' @click="picker_show5_btn" v-model="add_data.stime"
										placeholder="选择出发时间" :border="true" disabledColor="#ffffff"></u-input>
								</u-col>
								<u-col span="6">
									<u-input type='select' @click="picker_show6_btn" v-model="add_data.etime"
										placeholder="选择到达时间" :border="true" disabledColor="#ffffff"></u-input>
								</u-col>

							</u-row>

							<view v-for="item, index in add_data.wayPlaces" :key="index">
								<u-divider style="margin: 10rpx 0;" v-if="index != 0">
									<u-button size="mini" type="error" @click="and_del_btn(index)">删除</u-button>
								</u-divider>
								<u-row>
									<u-col span="12">
										<u-input type='text' v-model="item.wayPlace" placeholder="请输入途径站点"
											:border="true" disabledColor="#ffffff"></u-input>
									</u-col>


								</u-row>
								<u-row>
									<u-col span="6">
										<u-input type='select' @click="picker_show7_btn(index)" v-model="item.wayStime"
											placeholder="到达途径地时间" :border="true" disabledColor="#ffffff"></u-input>
									</u-col>
									<u-col span="6">
										<u-input type='select' @click="picker_show8_btn(index)" v-model="item.wayEtime"
											placeholder="从途径地出发时间" :border="true" disabledColor="#ffffff"></u-input>
									</u-col>
								



								</u-row>


							</view>

						</template>

						<view
							style="padding: 60rpx 0rpx;width: 80vw;margin: auto;display: flex;justify-content: space-around;">
							<u-button type="warning" @click="and_btn">继续添加信息</u-button>
							<u-button type="primary" @click="ok_btn">确认提交</u-button>
						</view>


					</view>
				</view>
			</u-popup>
			<u-action-sheet @click="picker_show2_select" :list="[{text:'飞机',id:'1'},{text:'火车',id:'2'},]"
				v-model="picker_show2" round='10'></u-action-sheet>
			<u-action-sheet v-if="sterminal_off == true" @click="picker_show3_select"
				:list="[{text:'T1'},{text:'T2',},{text:'T3',},{text:'T4',},]" v-model="picker_show3"
				round='10'></u-action-sheet>
			<u-action-sheet v-if="eterminal_off == true" @click="picker_show4_select"
				:list="[{text:'T1'},{text:'T2',},{text:'T3',},{text:'T4',},]" v-model="picker_show4"
				round='10'></u-action-sheet>
			<u-action-sheet v-if="sterminal_off == false" @click="picker_show3_select"
				:list="[{text:'T1'},{text:'T2',},]" v-model="picker_show3" round='10'></u-action-sheet>
			<u-action-sheet v-if="eterminal_off == false" @click="picker_show4_select"
				:list="[{text:'T1'},{text:'T2',},]" v-model="picker_show4" round='10'></u-action-sheet>
			<u-picker :params="params" @confirm="picker_show5_select" v-model="picker_show5" :default-time="time_value"
				mode="time"></u-picker>
			<u-picker :params="params" @confirm="picker_show6_select" v-model="picker_show6" :default-time="time_value"
				mode="time"></u-picker>
			<u-picker :params="params" @confirm="picker_show7_select" v-model="picker_show7" :default-time="time_value"
				mode="time"></u-picker>
			<u-picker :params="params" @confirm="picker_show8_select" v-model="picker_show8" :default-time="time_value"
				mode="time"></u-picker>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				del_btn_model: false,
				del_btn_data:null,
				index_data: '',
				sterminal_off: true,
				eterminal_off: true,
				time_value: '',
				params: {
					// year: true,
					// month: true,
					// day: true,
					hour: true,
					minute: true,
					// second: true
				},
				searchActionStyle: {
					fontWeight: '700', // 操作按钮的背景颜色
					color: '#00c3ce', // 操作按钮的字体颜色
				},
				placeholder: '请输入搜索关键字',
				load: this.U.scopy(this.C.loadmore),
				scrollTop: 0,
				old: {
					scrollTop: 0
				},
				page: {
					pageNum: 1,
					pageSize: 20,
				},
				count: 0,
				find: '',
				dataList: [],
				title: '添加航班车次',
				picker_show1: false,
				picker_show2: false,
				picker_show3: false,
				picker_show4: false,
				picker_show5: false,
				picker_show6: false,
				picker_show7: false,
				picker_show8: false,
				add_data2: {
					travelWayname: '',
				},
				add_data: {
					// 修改对象id eg:1
					id: null,
					// 出行方式：1飞机 2火车
					travelWay: '',
					// 班次号
					flightTrainNum: '',
					// 航班信息，航班必传数组
					flightInfo: [{
						scity: '',
						splace: '',
						sterminal: '',
						stime: '',
						ecity: '',
						eplace: '',
						eterminal: '',
						etime: '',
					}],
					// 火车必传参数，到达站点 eg:成都东站
					eplace: '',
					etime: '',
					splace: '',
					stime: '',
					wayPlaces: [{
						wayPlace: '',
						wayStime: '',
						wayEtime: '',
					}],
				},
			}
		},

		onReady() {
			let currentDate = new Date();

			let year = currentDate.getFullYear();
			let month = String(currentDate.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1，然后补0
			let day = String(currentDate.getDate()).padStart(2, '0');
			let hours = String(currentDate.getHours()).padStart(2, '0');
			let minutes = String(currentDate.getMinutes()).padStart(2, '0');
			let seconds = String(currentDate.getSeconds()).padStart(2, '0');

			// let formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
			let formattedDate = `${hours}:${minutes}`;
			this.time_value = formattedDate


		},
		onLoad(e) {

		},
		// 在 App.vue 中设置页面切换监听
		onShow() {

		},
		mounted() {
			// 查询
			this.queryList();



		},
		methods: {
			and_btn() {
				let data = {
					scity: '',
					splace: '',
					sterminal: '',
					stime: '',
					ecity: '',
					eplace: '',
					eterminal: '',
					etime: '',
				}
				let data2 = {
					wayPlace: '',
					wayStime: '',
					wayEtime: '',
				}
				if (this.add_data.travelWay == 1) {
					this.add_data.flightInfo.push(data)
				} else {
					this.add_data.wayPlaces.push(data2)
				}
			},
			and_del_btn(e) {
				if (this.add_data.travelWay == 1) {
					this.add_data.flightInfo.splice(e, 1)
				} else {
					this.add_data.wayPlaces.splice(e, 1)
				}

			},

			up_btn(e) {
				this.title = '修改航班车次'
				this.add_data.id = ''
				this.add_data.travelWay = '1'
				this.add_data.flightTrainNum = ''
				this.add_data.flightInfo = [{
					scity: '',
					splace: '',
					sterminal: '',
					stime: '',
					ecity: '',
					eplace: '',
					eterminal: '',
					etime: '',
				}]
				this.add_data.eplace = ''
				this.add_data.etime = ''
				this.add_data.splace = ''
				this.add_data.stime = ''
				this.add_data.wayPlaces = [{
					wayPlace: '',
					wayStime: '',
					wayEtime: '',
				}]
				let r = e
				this.add_data.id = r.id
				// 出行方式：1飞机 2火车
				this.add_data.travelWay = r.numInfo.travelWay + '';
				// 班次号
				if (this.add_data.travelWay == 1) {
					this.add_data2.travelWayname = '飞机'
				} else {
					this.add_data2.travelWayname = '火车'
				}
				this.add_data.flightTrainNum = r.flightTrainNum;

				if (this.add_data.travelWay == 1) {


					let data_list = []
					for (let i = 0; i < r.numInfo.list.length; i++) {
						let data = {
							scity: r.numInfo.list[i].depCity,
							splace: r.numInfo.list[i].depPort,
							sterminal: r.numInfo.list[i].depTerminal.length == 1 ? 'T' + r.numInfo.list[i]
								.depTerminal : r.numInfo.list[i].depTerminal,
							stime: r.numInfo.list[i].depScheduled?.split(' ')[1] || null,
							ecity: r.numInfo.list[i].arrCity,
							eplace: r.numInfo.list[i].arrPort,
							eterminal: r.numInfo.list[i].arrTerminal.length == 1 ? 'T' + r.numInfo.list[i]
								.arrTerminal : r.numInfo.list[i].arrTerminal,
							etime: r.numInfo.list[i].arrScheduled?.split(' ')[1] || null,
						}
						data_list.push(data)

					}
					this.add_data.flightInfo = data_list

				} else {


					this.add_data.eplace = r.numInfo.list[r.numInfo.list.length - 1].station;
					this.add_data.etime = r.numInfo.list[r.numInfo.list.length - 1].arrivaltime;
					this.add_data.splace = r.numInfo.list[0].station;
					this.add_data.stime = r.numInfo.list[0].departuretime;

					let data_list = []
					let numInfo_list = r.numInfo.list.slice(1, r.numInfo.list.length - 1);

					for (let i = 0; i < numInfo_list.length; i++) {
						let data = {
							wayPlace: numInfo_list[i].station,
							wayStime: numInfo_list[i].departuretime,
							wayEtime: numInfo_list[i].arrivaltime,
						}
						data_list.push(data)

					}
					this.add_data.wayPlaces = data_list



				}


				this.picker_show1 = true

			},
			del_btn(e) {
				this.del_btn_data = e
				this.del_btn_model = true
				

			},
			del_btn_confirm(){
				let that = this
				that.$u.api.delFlightTrainInfo({
					ids: [that.del_btn_data.id]
				}).then(res => {
					that.del_btn_model = false
					if (res.code == 1) {
						
						that.queryList();
						return uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					} else {
						return uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
				})
			},
			ok_btn() {
				let that = this
				if (that.add_data.travelWay == 1) {
					for (let i = 0; i < that.add_data.flightInfo.length; i++) {
						if (!that.add_data.flightInfo[i].scity) {
							that.add_data.flightInfo.splice(i, 1)
						}
					}
					if(!that.add_data.flightTrainNum){
						return uni.showToast({
								title: that.add_data.flightTrainNum+'班次号',
								icon: "none",
								duration: 1000
							})
					}
					
				} else {
					for (let i = 0; i < that.add_data.wayPlaces.length; i++) {
						if (that.add_data.wayPlaces[i].wayPlace == '') {
							that.add_data.wayPlaces.splice(i, 1)
						}
					}
					
					
				}
				if (that.title == '添加航班车次') {



					that.$u.api.adUpFlightTrainInfo(that.add_data).then(res => {
						if (res.code == 1) {
							that.queryList();
							that.picker_show1 = false
							return uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 1000
							})
						} else {
							return uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 1000
							})
						}
					})
				} else {


					that.$u.api.adUpFlightTrainInfo(that.add_data).then(res => {
						if (res.code == 1) {
							that.queryList();
							that.picker_show1 = false
							return uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 1000
							})
						} else {
							return uni.showToast({
								title: res.msg,
								icon: "none",
								duration: 1000
							})
						}
					})
				}
			},
			add_btn() {
				this.title = '添加航班车次列表'
				this.add_data.id = ''
				this.add_data.travelWay = '1'
				this.add_data.flightTrainNum = ''
				this.add_data.flightInfo = [{
					scity: '',
					splace: '',
					sterminal: '',
					stime: '',
					ecity: '',
					eplace: '',
					eterminal: '',
					etime: '',
				}]
				this.add_data.eplace = ''
				this.add_data.etime = ''
				this.add_data.splace = ''
				this.add_data.stime = ''
				this.add_data.wayPlaces = [{
					wayPlace: '',
					wayStime: '',
					wayEtime: '',
				}]
				this.picker_show1 = true

			},
			picker_show2_btn() {
				this.picker_show2 = true
			},
			picker_show3_btn(e) {
				this.index_data = e
				this.picker_show3 = true
			},
			picker_show4_btn(e) {
				this.index_data = e
				this.picker_show4 = true
			},
			picker_show5_btn(e) {
				this.index_data = e
				if (this.title == '修改航班车次') {
					this.time_value = this.add_data.stime
				}

				this.picker_show5 = true
			},
			picker_show6_btn(e) {
				this.index_data = e
				if (this.title == '修改航班车次') {
					this.time_value = this.add_data.etime
				}

				this.picker_show6 = true
			},
			picker_show7_btn(e) {
				this.index_data = e
				if (this.title == '修改航班车次') {
					this.time_value = this.add_data.wayStime
				}

				this.picker_show7 = true
			},
			picker_show8_btn(e) {
				this.index_data = e
				if (this.title == '修改航班车次') {
					this.time_value = this.add_data.wayEtime
				}

				this.picker_show8 = true
			},
			picker_show2_select(e) {
				if (e == 0) {
					this.add_data.travelWay = 1
					this.add_data2.travelWayname = '飞机'
				} else if (e == 1) {
					this.add_data.travelWay = 2
					this.add_data2.travelWayname = '火车'
				}
			},
			picker_show3_select(e) {
				if (e == 0) {
					this.add_data.flightInfo[this.index_data].sterminal = 'T1'
				} else if (e == 1) {
					this.add_data.flightInfo[this.index_data].sterminal = 'T2'
				} else if (e == 2) {
					this.add_data.flightInfo[this.index_data].sterminal = 'T3'
				} else if (e == 3) {
					this.add_data.flightInfo[this.index_data].sterminal = 'T4'
				}
			},
			picker_show4_select(e) {
				if (e == 0) {
					this.add_data.flightInfo[this.index_data].eterminal = 'T1'
				} else if (e == 1) {
					this.add_data.flightInfo[this.index_data].eterminal = 'T2'
				} else if (e == 2) {
					this.add_data.flightInfo[this.index_data].eterminal = 'T3'
				} else if (e == 3) {
					this.add_data.flightInfo[this.index_data].eterminal = 'T4'
				}
			},
			picker_show5_select(e) {
				if (this.add_data.travelWay == 1) {
					this.add_data.flightInfo[this.index_data].stime = e.hour + ":" + e.minute
				} else if (this.add_data.travelWay == 2) {
					this.add_data.stime = e.hour + ":" + e.minute
				}



				this.picker_show5 = false
			},
			picker_show6_select(e) {
				if (this.add_data.travelWay == 1) {
					this.add_data.flightInfo[this.index_data].etime = e.hour + ":" + e.minute
				} else if (this.add_data.travelWay == 2) {
					this.add_data.etime = e.hour + ":" + e.minute
				}



				this.picker_show6 = false
			},
			picker_show7_select(e) {
				this.add_data.wayPlaces[this.index_data].wayStime = e.hour + ":" + e.minute

				this.picker_show7 = false
			},
			picker_show8_select(e) {
				this.add_data.wayPlaces[this.index_data].wayEtime = e.hour + ":" + e.minute

				this.picker_show8 = false
			},
			// 查询数据
			queryList(page) {
				let that = this

				// 存在，则表示刷新
				if (!page) {
					// 开始刷新
					that.load.triggered = true;
					that.page.pageNum = 1;
				}
				let params = {
					page: {
						pageNum: that.page.pageNum,
						pageSize: that.page.pageSize,
					},
					find: that.find,

				}
				that.$u.api.getFlightTrainInfoPages(params).then(res => {
					// 第一页的时候，停止刷新
					if (!page) {
						// 停止刷新
						that.load.triggered = false;
						// 刷新则清空列表
						that.dataList = [];
					}
					if (res.code == 1) {
						if (res.data.list.total > res.data.list.length) {
							let dataList = res.data.list
							for (let i = 0; i < dataList.length; i++) {
								dataList[i].numInfo = JSON.parse(dataList[i].numInfo)

							}

							that.count = res.data.total
							// 追加数据
							if (that.dataList.length < that.count) {
								that.dataList = that.dataList.concat(dataList);
							} else {

							}


							that.load.status = that.dataList.length == that.count ? 'nomore' : 'loadmore';
						} else {
							let dataList = res.data.list
							for (let i = 0; i < dataList.length; i++) {
								dataList[i].numInfo = JSON.parse(dataList[i].numInfo)

							}
							// 追加数据
							that.dataList = dataList
							that.count = res.data.total
							// 设置加载状态
							
							that.load.status = that.dataList.length == that.count ? 'nomore' : 'loadmore';
						}

					}
				});
			},
			scroll: function(e) {

				this.old.scrollTop = e.detail.scrollTop
			},
			goTop: function(e) {
				let that = this
				// 解决view层不同步的问题

				that.scrollTop = that.old.scrollTop

				that.$nextTick(function() {
					that.scrollTop = 0

				});


			},
			// 设置-底部上滑加载数据时状态显示
			tabReachBottom() {
				let that = this;

				// 数据已经加载完
				if (that.dataList.length == that.count) {
					// 设置加载状态为：没有更多了
					that.load.status = 'nomore';
				} else {
					// 设置加载状态为：加载中...
					that.load.status = 'loading';
					// 增加一页页码
					that.page.pageNum++;
					that.queryList(1);
				}
			},
			// 下拉刷新
			downPullRefres() {
				// 重新查询
				this.find = ''
				this.queryList();
			},
		}



	}
</script>

<style lang="scss">
	.bottom {
		display: flex;
		margin-top: 20rpx;
		justify-content: flex-end;
		align-items: center;

		.btn {
			line-height: 52rpx;
			padding: 0rpx 16rpx;
			border-radius: 26rpx;
			border: 2rpx solid #ff9900;
			font-size: 26rpx;
			text-align: center;
			color: #ff9900;
			;
			margin-right: 10rpx;
		}

		.more {
			align-self: center;
			flex: 1;
			margin-right: 10rpx;
		}

		.evaluate {
			color: $u-type-warning-dark;
			border-color: $u-type-warning-dark;
		}
	}

	.bottom2 {
		display: flex;
		margin-top: 20rpx;
		justify-content: space-between;
		align-items: center;

		.btn {
			line-height: 52rpx;
			padding: 0rpx 16rpx;
			border-radius: 26rpx;
			border: 2rpx solid #ff9900;
			font-size: 26rpx;
			text-align: center;
			color: #ff9900;
			;
			margin-right: 10rpx;
		}

		.more {
			align-self: center;
			flex: 1;
			margin-right: 10rpx;
		}

		.evaluate {
			color: $u-type-warning-dark;
			border-color: $u-type-warning-dark;
		}
	}

	.content {
		.title {
			font-size: 28rpx;
			line-height: 50rpx;
		}

		.type {
			margin: 10rpx 0;
			font-size: 24rpx;
			color: $u-tips-color;

			.service-type {
				float: right;
			}
		}

		.delivery-time {
			color: #e5d001;
			font-size: 24rpx;
		}
	}

	.check-state-text {
		display: inline-block;
		padding: 0rpx 10rpx;
		margin-right: 10rpx;
		border-radius: 4rpx;
	}

	.tabs-wrap {
		display: flex;
		flex-direction: column;
		height: calc(100vh - var(--window-top));
		width: 100%;
		overflow-y: hidden;

		.tab-swiper-box {
			flex: 1;

			.tab-swiper-item {
				height: 100%;

				.page-box {
					padding-bottom: 80rpx;
				}
			}
		}
	}

	.list-tools {
		display: flex;
		justify-content: flex-end;
		margin-right: 20rpx;
		position: absolute;
		top: 180rpx;
		right: 0rpx;
		z-index: 99;

		.find-date {
			margin-right: 20rpx;
		}
	}

	.recognition_view {
		z-index: 9999;
		position: fixed;
		top: 650rpx;
		left: calc(100vw - 90vw);
		width: 80vw;
		height: 30vh;
		background-color: #a6a6a6;
		border-radius: 8rpx;

	}

	.recognition_css {
		z-index: 8888;
		font-weight: 700;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column;
		top: 920rpx;
		right: 10rpx;
		border-radius: 50%;
		width: 120rpx;
		height: 120rpx;
		background-color: #00C3CE;
		position: fixed;
		color: #ffffff
	}

	.content_box {
		width: 90%;
		margin: auto;
		height: 70vh;
		background-color: #fff;
		border-radius: 10rpx;
		padding: 10rpx 20rpx;
		overflow: auto;
	}

	.u-form-item {
		padding: 10rpx 0 !important;
	}

	.picker_css {

		width: 100vw;
		height: 100vh;
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
	}

	.list-content {
		height: calc(100vh - 150rpx);
		overflow: auto;
		margin-top: 10rpx;

		.point-item {
			border-bottom: 2rpx solid #efefef;
			line-height: 44rpx;
			padding: 10rpx 60rpx 10rpx 20rpx;
			position: relative;

			.point-name {
				display: flex;
				font-weight: 600;
				font-size: 30rpx;
				color: #333;
			}

			.point-address {
				color: #999;
				font-size: 26rpx;
			}

			.point-collect {
				top: calc((100% - 40rpx)/2);
				right: 20rpx;
				position: absolute;
			}
		}
	}
</style>